.my{
	padding-bottom: 20rpx;
	.my-1{
		position: relative;
		transition: all .5s;
		image.bg{
			width: 100%;
		}
		.my-tit{
			color: #FFF;
			font-size: 42rpx;
			position: absolute;
			left: 0;
			right: 0;
			top: 65rpx;
			text-align: center;
			z-index: 1;
		}
		.my-1-info{
			position: absolute;
			left: 50rpx;
			right: 50rpx;
			top: 170rpx;
			display: flex;
			align-items: center;
			z-index: 1;
			image.avatar{
				width: 140rpx;
				height: 140rpx;
				border-radius: 50%;
				border: solid 10rpx #FFF;
				margin-right: 30rpx;
				background-color: #EEE;
			}
			.my-1-info-box{
				color: #FFF;
				.my-1-info-tit{
					font-size: 40rpx;
					font-weight: bold;
					margin-bottom: 20rpx;
				}
				.my-1-info-id{
					font-size: 28rpx;
					text{
						margin-right: 15rpx;
					}
					image{
						width: 102rpx;
						height: 38rpx;
						vertical-align: middle;
					}
				}
			}
			.bindwx{
				text-align: center;
				flex: 1;
				button{
					margin-top: 30rpx;
					background-color: #FFF;
					color: #1F73F4;
				}
			}
		}
	}
	.my-2{
		margin: -80rpx 20rpx 20rpx;
		background: rgba(255,255,255,1);
		box-shadow: 0px 10rpx 16rpx 0px rgba(8,8,8,0.2);
		border-radius: 20rpx;
		position: relative;
		z-index: 5;
		display: flex;
		.my-2-item{
			flex: 1;
			text-align: center;
			padding: 30rpx 0;
			position: relative;
			image{
				position: absolute;
				width: 2rpx;
				height: 90rpx;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
			}
			view{
				margin-bottom: 10rpx;
				font-size: 40rpx;
			}
			text{
				font-size: 28rpx;
				color: #C3C3C3;
			}
		}
	}
	.my-3{
		margin: 20rpx;
		background-color: #FFF;
		border-radius: 20rpx;
		padding: 25rpx;
		.my-3-item{
			display: flex;
			align-items: center;
			position: relative;
			navigator{
				flex: 1;
				display: flex;
				align-items: center;
				position: relative;
				padding: 30rpx 0;
			}
			&:last-child{
				padding-bottom: 0;
				&::after{
					display: none;
				}
			}
			&::after{
				content: '';
				position: absolute;
				height: 2rpx;
				background-color: #EEE;
				bottom: 0;
				right: 0;
				left: 56rpx;
			}
			image.ico{
				width: 46rpx;
				height: 46rpx;
				margin-right: 10rpx;
			}
			text{
				flex: 1;
				min-width: 0;
				font-size: 32rpx;
			}
			image.arrow{
				width: 46rpx;
				height: 46rpx;
			}
		}
	}
	.logout{
		height: 100rpx;
		line-height: 100rpx;
		background: rgba(255,255,255,1);
		border-radius: 50rpx;
		font-size: 34rpx;
		color: #FE9B26;
		text-align: center;
		margin: 0 20rpx;
	}
}